<template>
  <div class="login-container">
            <!-- 背景图片 -->
            <div class="background-image"></div>
  </div>
</template>

<script>
export default {
  name: 'BackgroundImage',
  
}
</script>

<style scoped>
.login-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../assets/images/image1.png');
    background-size: cover;
    background-position: center;
    filter: blur(8px);
    z-index: -1;
}
</style>


